import qqmap from '../../../utils/qqMap'

// let repair_id = ''

// map.js
Page({
  data: {
    latitude: 31.24345,
    longitude: 121.4972,

    // 地图标记
    markers: [
      {
        id: 1,

        // 黑马的经纬度
        latitude: 31.034871,
        longitude: 121.612067,

        width: 24,
        height: 30,
      },
      {
        id: 2, // 标记的唯一标识

        // 标记的位置 经纬度
        // 121.612067 31.034871  黑马的经纬度
        // 121.60468392596435  31.03552642186783  大麦湾的经纬度
        // 121.593661 31.036568  航欣苑的经纬度
        latitude: 31.03552642186783,
        longitude: 121.60468392596435,

        iconPath: '/static/images/marker.png', // 自定义标记图标的路径

        // 标记的宽高
        width: 40,
        height: 40,
      },
    ],

    dialogVisible: false, // 取消报修的弹层
  },

  editRepair() {
    // 跳转到编辑报修页(就是添加保修页  form页)
    wx.navigateTo({
      // repair_id 是全局变量，在前面已经定义
      url: '/repair_pkg/pages/form/index?id=' + this.data.id,
    })
  },

  async dialogClose(ev) {
    // 取消 确认都会触发close事件
    // console.log(ev)

    if (ev.detail === 'confirm') {
      // 确认 => 发请求 取消报修   repair_id  this.data.id
      console.log('发请求 取消报修啦')

      const { code } = await wx.http.put('/cancel/repaire/' + this.data.id)
      if (code !== 10000) return wx.utils.toast('取消失败')

      wx.navigateBack()
    }
  },

  openDialog() {
    this.setData({ dialogVisible: true })
  },

  onLoad({ id }) {
    // repair_id = id

    this.getRepairDetail(id)

    // this.setData({id})

    // 路线规划
    qqmap.direction({
      mode: 'driving', // 开车出门
      from: '31.036568,121.593661', // 起点经纬度字符串  航欣苑
      to: '31.034871,121.612067', // 终点经纬度字符串 黑马
      success: (res) => {
        // console.log(res.result.routes[0].polyline) // 就是规划好的路线(不是人看的!!! 需要转很多格式才能用)
        // // ...转换过程非常复杂...
        // this.setData({polyline: res.result.routes[0].polyline})
        const coords = res.result.routes[0].polyline // 没有转的数据
        const points = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coords.length; i++) {
          coords[i] = Number(coords[i - 2]) + Number(coords[i]) / 1000000
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coords.length; i += 2) {
          points.push({ latitude: coords[i], longitude: coords[i + 1] })
        }

        // points 就是转好的数据
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          polyline: [
            {
              points: points,
              color: '#5591af',
              width: 4,
            },
          ],
        })
      },
    })
  },

  async getRepairDetail(id) {
    // id 不存在就不必发请求了
    if (!id) return
    // 请求数据接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 校验接口调用结果
    if (code !== 10000) return wx.utils.toast('获取报修详情失败!')
    // 渲染报修详情
    this.setData({ ...repairDetail })
  },
})
